.operData {
	width: 100%;
	height: 100vh;
}

.scroll_box {
	height: calc(100% - 150rpx);
}


.stock {
	width: 100%;
	margin: 20rpx 0rpx;
	float: left;
	.stock_item {
		float: left;
		width: calc(100% / 3 - 30rpx);
		margin: 0 15rpx;
		border-bottom: 2rpx solid #aaa;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		padding: 20rpx 0;
		.stock_label {
			font-size: 32rpx;
			font-weight: bold;
			// color: #;
		}
		.stock_up {
			margin: 10rpx 0;
		}
		
		.stock_code {
			font-size: 21rpx;
			color: #999;
			margin: 10rpx 0;
		}
		
		.stock_price {
			font-size: 26rpx;
		}
	}
}

.roce_top {
	width: calc(100% - 40rpx);
	height: 410rpx;
	padding: 40rpx 20rpx;
	display: flex;
	.roce_top_one {
		width: 180rpx;
		height: 325rpx;
		border:12rpx solid rgba(252,202,95,1);
		border-radius: 300rpx;
		position: relative;
		margin: 0 20rpx;
		background-color: #fff;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	
	.roce_top_two {
		border-color: rgba(219,219,219,1);
		margin-top: 40rpx;
		.ranking_hg {
			background-position: -80rpx;
		}
	}
	
	.roce_top_three {
		border-color: rgba(255,169,134,1);
		margin-top: 80rpx;
		.ranking_hg {
			background-position: -160rpx;
		}
	}
	
	.roce_label {
		font-size: 32rpx;
		font-weight: bold;
	}
	.roce_code {
		font-size: 26rpx;
		margin-top: 12rpx;
		color: #999;
	}
	.roce_price {
		margin-top: 12rpx;
		font-size: 32rpx;
	}
}


.ranking_hg {
	width: 80rpx;
	height: 80rpx;
	background: url('@/static/icon/ranking_hg.png') no-repeat;
	background-size: 240rpx;
	position: absolute;
	top: -35rpx;
	left: -40rpx;
}